<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

	<title>订单管理</title>


	<link rel="stylesheet" th:href="@{/AmazeUI-2.4.2/assets/css/admin.css}">
	<link rel="stylesheet" th:href="@{/AmazeUI-2.4.2/assets/css/amazeui.css}" >

	<link rel="stylesheet" th:href="@{/AmazeUI-2.4.2/assets/css/personal.css}" >
	<link rel="stylesheet" th:href="@{/AmazeUI-2.4.2/assets/css/orstyle.css}">

	<script th:src="@{/AmazeUI-2.4.2/assets/js/jquery.min.js}"></script>
	<script th:src="@{/AmazeUI-2.4.2/assets/js/amazeui.js}"></script>

	<!--<link rel="stylesheet" href="/static/AmazeUI-2.4.2/assets/css/admin.css" >-->
	<!--<link rel="stylesheet"   href="/static/AmazeUI-2.4.2/assets/css/amazeui.css">-->

	<!--<link rel="stylesheet "href="/static/AmazeUI-2.4.2/assets/css/personal.css">-->
	<!--<link rel="stylesheet"  href="/static/AmazeUI-2.4.2/assets/css/orstyle.css">-->

	<!--<script src="/static/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>-->
	<!--<script  src="/static/AmazeUI-2.4.2/assets/js/amazeui.js"></script>-->

</head>


<body>
<!--头 -->
<header>
	<article>
		<div class="mt-logo">
			<!--顶部导航条 -->
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							<a href="#" target="_top" class="h">亲，请登录</a>
							<a href="#" target="_top">免费注册</a>
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
					</div>
				</ul>
			</div>

			<!--悬浮搜索框-->

			<div class="nav white">
				<div class="logoBig">
					<li><img src="../images/logobig.png" /></li>
				</div>

				<div class="search-bar pr">
					<a name="index_none_header_sysc" href="#"></a>
					<form>
						<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
						<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
					</form>
				</div>
			</div>

			<div class="clear"></div>
		</div>
		</div>
	</article>
</header>
<div class="nav-table">
	<div class="long-title"><span class="all-goods">全部分类</span></div>
	<div class="nav-cont">
		<ul>
			<li class="index"><a href="#">首页</a></li>
			<li class="qc"><a href="#">闪购</a></li>
			<li class="qc"><a href="#">限时抢</a></li>
			<li class="qc"><a href="#">团购</a></li>
			<li class="qc last"><a href="#">大包装</a></li>
		</ul>
		<div class="nav-extra">
			<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
			<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
		</div>
	</div>
</div>
<b class="line"></b>
<div class="center">
	<div class="col-main">
		<div class="main-wrap">

			<div class="user-order">

				<!--标题 -->
				<div class="am-cf am-padding">
					<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单管理</strong> / <small>Order</small></div>
				</div>
				<hr/>

				<div class="am-tabs am-tabs-d2 am-margin" data-am-tabs>

					<ul class="am-avg-sm-5 am-tabs-nav am-nav am-nav-tabs" id="list">
						<li id="allOrderli" value="1"><a href="#tab1" id="allOrder" >所有订单</a></li>
						<li id="noPayli" value="2"><a href="#tab2" id="noPay">待付款</a></li>
						<li id="noSendli" value="3"><a href="#tab3">待发货</a></li>
						<li id="noReceiveli" value="4"><a href="#tab4">待收货</a></li>
						<li id="noCompleteli" value="5"><a href="#tab5">待评价</a></li>
					</ul>
					<input hidden="hidden" th:value="${msg}" id="msg">
					<div class="am-tabs-bd">
						<div class="am-tab-panel am-fade am-in am-active" id="tab1" >
							<div class="order-top">
								<div class="th td-price">
									<td class="td-inner">订单号</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">用户ID</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">订单时间</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">原价</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">实付款</td>
								</div>
							</div>

							<div class="order-main">
								<div class="order-list">
									<div class="order-status4">
										<div class="order-content">
											<ul class="item-list" th:each="indents:${indents}">
												<li class="td td-price">
													<div class="item-price"  th:text="${indents.orderid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price" th:text="${indents.userid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-operation" th:text="${#dates.format(indents.ordertime,'yyyy-MM-dd')}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indents.oldprice}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indents.newprice}">
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="am-tab-panel am-fade" id="tab2">
							<div class="order-top">
								<div class="th td-price">
									<td class="td-inner">订单号</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">用户ID</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">订单时间</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">原价</td>
								</div>
								<div class="th td-price">
									<td class="td-inner">实付款</td>
								</div>
							</div>

							<div class="order-main">
								<div class="order-list">
									<div class="order-status4">
										<div class="order-content">
											<ul class="item-list" th:each="indent:${indent}">
												<li class="td td-price">
													<div class="item-price"  th:text="${indent.orderid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price" th:text="${indent.userid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-operation" th:text="${#dates.format(indent.ordertime,'yyyy-MM-dd')}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indent.oldprice}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indent.newprice}">
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="am-tab-panel am-fade" id="tab3">
							<div class="order-top">
								<div class="th th-price">
									<td class="td-inner">订单号</td>
								</div>
								<div class="th th-number">
									<td class="td-inner">用户ID</td>
								</div>
								<div class="th th-operation">
									<td class="td-inner">订单时间</td>
								</div>
								<div class="th th-amount">
									<td class="td-inner">原价</td>
								</div>
								<div class="th th-status">
									<td class="td-inner">实付款</td>
								</div>
							</div>

							<div class="order-main">
								<div class="order-list">
									<div class="order-status4">
										<div class="order-content">
											<ul class="item-list" th:each="indentd:${indentd}">
												<li class="td td-price">
													<div class="item-price"  th:text="${indentd.orderid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price" th:text="${indentd.userid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-operation" th:text="${#dates.format(indentd.ordertime,'yyyy-MM-dd')}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indentd.oldprice}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indentd.newprice}">
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="am-tab-panel am-fade" id="tab4">
							<div class="order-top">
								<div class="th th-price">
									<td class="td-inner">订单号</td>
								</div>
								<div class="th th-number">
									<td class="td-inner">用户ID</td>
								</div>
								<div class="th th-operation">
									<td class="td-inner">订单时间</td>
								</div>
								<div class="th th-amount">
									<td class="td-inner">原价</td>
								</div>
								<div class="th th-status">
									<td class="td-inner">实付款</td>
								</div>
							</div>

							<div class="order-main">
								<div class="order-list">
									<div class="order-status4">
										<div class="order-content">
											<ul class="item-list" th:each="indente:${indente}">
												<li class="td td-price">
													<div class="item-price"  th:text="${indente.orderid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price" th:text="${indente.userid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-operation" th:text="${#dates.format(indente.ordertime,'yyyy-MM-dd')}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indente.oldprice}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indente.newprice}">
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="am-tab-panel am-fade" id="tab5">
							<div class="order-top">
								<div class="th th-price">
									<td class="td-inner">订单号</td>
								</div>
								<div class="th th-number">
									<td class="td-inner">用户ID</td>
								</div>
								<div class="th th-operation">
									<td class="td-inner">订单时间</td>
								</div>
								<div class="th th-amount">
									<td class="td-inner">原价</td>
								</div>
								<div class="th th-status">
									<td class="td-inner">实付款</td>
								</div>
							</div>

							<div class="order-main">
								<div class="order-list">
									<div class="order-status4">
										<div class="order-content">
											<ul class="item-list" th:each="indentc:${indentc}">
												<li class="td td-price">
													<div class="item-price"  th:text="${indentc.orderid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-price" th:text="${indentc.userid}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-operation" th:text="${#dates.format(indentc.ordertime,'yyyy-MM-dd')}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indentc.oldprice}">
													</div>
												</li>
												<li class="td td-price">
													<div class="item-amount" th:text="${indentc.newprice}">
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="footer-hd">
				<p>
					<a href="#">恒望科技</a>
					<b>|</b>
					<a href="#">商城首页</a>
					<b>|</b>
					<a href="#">支付宝</a>
					<b>|</b>
					<a href="#">物流</a>
				</p>
			</div>
			<div class="footer-bd">
				<p>
					<a href="#">关于恒望</a>
					<a href="#">合作伙伴</a>
					<a href="#">联系我们</a>
					<a href="#">网站地图</a>
					<em>© 2015-2025 Hengwang.com 版权所有</em>
				</p>
			</div>

		</div>
	</div>
	<aside class="menu">
		<ul>
			<li class="person">
				<a href="index.html">个人中心</a>
			</li>
			<li class="person">
				<a href="#">个人资料</a>
				<ul>
					<li> <a href="information.html">个人信息</a></li>
					<li> <a href="safety.html">安全设置</a></li>
					<li> <a href="address.html">收货地址</a></li>
				</ul>
			</li>
			<li class="person">
				<a href="#">我的交易</a>
				<ul>
					<li class="active"><a href="order.html">订单管理</a></li>
					<li> <a href="change.html">退款售后</a></li>
				</ul>
			</li>
			<li class="person">
				<a href="#">我的资产</a>
				<ul>
					<li> <a href="coupon.html">优惠券 </a></li>
					<li> <a href="bonus.html">红包</a></li>
					<li> <a href="bill.html">账单明细</a></li>
				</ul>
			</li>

			<li class="person">
				<a href="#">我的小窝</a>
				<ul>
					<li> <a href="collection.html">收藏</a></li>
					<li> <a href="foot.html">足迹</a></li>
					<li> <a href="comment.html">评价</a></li>
					<li> <a href="news.html">消息</a></li>
				</ul>
			</li>

		</ul>

	</aside>
</div>

</body>
<script>
	function add() {
		var list = new Array();
		list = $('#list li');
		for (var i =0; i < list.size();i++){
			if($('#msg').val() == list[i].value){
				list[i].setAttribute("class","am-active");
				$('#tab'+(i+1)).addClass("am-active");
				$('#tab'+(i+1)).addClass("am-in");
			}else {
				list[i].removeAttribute("class","am-active");
				$('#tab'+(i+1)).removeClass("am-active");
				$('#tab'+(i+1)).removeClass("am-in");
			}
		}
	}
	$(function () {
		$('#allOrderli').click(function () {
			window.location.href="/indent/all";
		})
		$('#noPayli').click(function () {
			window.location.href="/indent/noPay";
		})
		$('#noSendli').click(function () {
			window.location.href="/indent/noSend";
		})
		$('#noReceiveli').click(function () {
			window.location.href="/indent/noReceive";
		})
		$('#noCompleteli').click(function () {
			window.location.href="/indent/noComplete";
		})
		add();
	})
</script>
</html>
</html>